<div       class="panel panel-default"   style="background: white;height:100%;display: block;position: relative" id="uploadScriptDropz">

	 <p class="navbar-form" style="width:100%;margin-bottom:10px;">
        <div class="input-group" style="padding:10px;z-index: 0">
                <input type="text" class="form-control searchValue" placeholder="搜索任意关键字" style="width:100%;" >
                <span class="input-group-btn" >
                        <button class="btn btn-success">
                                <span class="glyphicon glyphicon-search">搜索</span>
                        </button>
                </span>
        </div>
       </p>

    <div class="panel-heading" style="z-index: 1;background: white;">
        <button class="btn btn-success btn-xs glyphicon glyphicon-plus"   id="createScriptName"></button>
        <button class="btn btn-default btn-xs glyphicon glyphicon-refresh"   id="refreshScriptList"></button>
    </div>

    <table class="table  table-hover table-striped   table-responsive  table-bordered">
        <thead>
        <tr>
            <th>脚本</th>
            <th>归属</th>
            <th  class="hidden-xs" >时间</th>
            <th  style="min-width: 95px;">操作</th>
        </tr>
        </thead>
        <tbody id="showScriptTbody"></tbody>
        <tr>
        </tr>
    </table>
    <div       id="scriptArea" style="width:100%;margin:auto;position:absolute;top:100%;bottom:0%;right:0%;left:0%;display:none;z-index:10">
        <div  style="color: white;z-index:5;font-size: 200%;position: absolute;top:0%;right: 1%;cursor:pointer;"  >
            <button  id="closeScriptContent" class="btn btn-danger btn-sm" >关闭</button>
            <button  id="writeScriptContent" class="btn btn-success btn-sm ">更新</button>
        </div>
        <div style="height: 100%">
            <textarea  class="cheungsshAreaContent"  id="scriptContent"  style="letter-spacing: 2px;font-family:华文仿宋;font-size:100%;background: black;width:100%;height:100%;margin:auto;color:white;"></textarea>

        </div>
    </div>

    <!--脚本文件执行框-->
    <div       id="scriptDIV" style="background:white;width:100%;margin:auto;position:absolute;top:0%;bottom:0%;right:0%;left:0%;display:none">

        <span class="glyphicon glyphicon-remove-sign" id="closeScriptDiv" style="float: right;z-index: 1;font-size:300%;cursor: pointer;"></span>

        <ul class="nav nav-tabs" role="tablist" id="myTab">
            <li role="presentation" class="active"><a href="#scriptServers" role="tab" data-toggle="tab">服务器</a></li>
            <li role="presentation"><a href="#scriptParameter" role="tab" data-toggle="tab">参数</a></li>
            <li role="presentation"><a href="#scriptInit" role="tab" data-toggle="tab">初始化</a></li>
            <li role="presentation"><a href="#scriptResult" role="tab" data-toggle="tab">结果</a></li>
        </ul>

        <div class="tab-content" style="margin-top:30px;">
            <div role="tabpanel" class="tab-pane active" id="scriptServers">
                <button  id="goParameter" class="btn-sm btn-success btn" style="float: right;">下一步</button>
                <div style="float: left">
                        <span id="scriptSelectAllServers" class="glyphicon glyphicon-check"
                              style="cursor: pointer;">&nbsp;全选</span>
                </div>
                <!--服务器列表-->
                <table class="table table-bordered table-hover table-striped  table-condensed">
                    <thead>
                    <tr>
                        <th>主机组</th>
                        <th>主机</th>
                    </tr>
                    </thead>
                    <tbody id="scriptSelectServerTbody">

                    <!--
                    这里是tr，每一行

                    -->
                    </tbody>

                </table>


            </div>

            <div role="tabpanel" class="tab-pane clearfix" id="scriptParameter">
                <div  style="float: right;">
                    <button   id="goInit" class="btn-sm btn-success btn" style="">下一步</button>

                </div>
                <!--脚本的参数输入框-->
                <div class="form-horizontal" >
                    <div class="form-group" style="margin-top: 10%;">
                        <label class="col-md-1 col-xs-2 control-label">脚本参数</label>
                        <div   class="col-md-8 col-xs-10">
                            <input id="inputScriptParameter"  class="form-control"  placeholder="请输入脚本执行的参数" style="letter-spacing: 3px;border:1px dashed #b0b0b0;">
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="scriptInit">
                <div>
                    <button   class="btn btn-success" style="float: right;"  disabled>
                        <span class=""  id="goRun">执行</span>
                    </button>
                </div>
                <!--初始化脚本-->
                <!--
                <div class="col-md-12 row" >
                    <label class="control-label  col-md-2">服务器A</label>
                    <div class="col-md-10 progress progress-striped">
                        <div class="progress-bar progress-bar-success" style="width: 80%">100</div>
                    </div>
                </div>
                -->
            </div>
            <div role="tabpanel" class="tab-pane" id="scriptResult" >
                <button  id="scriptResultLoad" class="btn btn-success btn-xs" style="margin-bottom: 20px;margin-left: 20px;">
                    <span class="fa fa-spin fa-refresh"></span>
                </button>
                <!--脚本结果-->
                <div id="showScriptResult">

                </div>
                <div  class="progress progress-striped  " >
                    <div  id="runScriptProgress" class="progress-bar progress-bar-success  "   ></div>
                </div>

            </div>
        </div>



    </div>


    <div id="runScriptDiv" style="background:white;width:100%;margin:auto;position:absolute;top:0%;bottom:0%;right:0%;left:0%;display:none;">
        </div>

    </div>


</div>

<div id="uploadScriptProgressDiv" class="progress progress-striped"
     style="font-weight: bold;font-size: 500%;z-index: 1004;width:40%;height:5%;margin:auto;
     position:fixed;top:0%;bottom:0%;right:0px;left:120%;display: block;">

    <div id="showScriptProgressText"  class="progress-bar  progress-bar-success active" >
    </div>


</div>


<div  style="z-index: 1004;width:auto;height:100%;position: fixed;left: 0px;right: 0px;top: 0px;;bottom: 0%;margin: auto;display:none;" id="showScriptName">
    <div class="modal "
         style="height: 100%;;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog">
            <div class="modal-content  ">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-edit " style="color: green;">脚本名</h4>
                </div>

                <div class="modal-body  ">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-md-2 control-label">脚本名</label>
                            <div   class="col-md-10">
                                <input id="scriptName"  class="form-control"  placeholder="请输入新建脚本名称" style="border:1px dashed #b0b0b0;">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
                    <button  style="float: left;" type="button" class="btn btn-default" data-dismiss="modal" id="closeScriptNameButton">取消</button>
                    <button  style="float:right;" type="button" class="btn btn-success" data-dismiss="modal" id="inputScriptName">下一步</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!--选择服务器-->



<!--编辑框-->

<script src="../js/script.js"></script>
